@charset "utf-8";
@import "common";
@import "iconfont";
.not {
    position: absolute;
    height: 100%;
    width: 100%;
    .not_nr {
        position: absolute;
        top: 44px;
        width: 100%;
        >ul{
            height: 60px;
            border-bottom: 1px solid #e1e2e4;
            width: 90%;
            margin: 0 auto;
            padding: 2% 0;
            >li{
              display: block;
              font-size: 12px;
              color: #666666;
              >p{
                  vertical-align:bottom;
                  letter-spacing: 1px;
                  font-size: 14px;
                  color: #333333;
                  &:nth-of-type(2){
                      font-size: 16px;
                  }
              }
              &:first-of-type{
                  display: flex;
                  justify-content: space-between;
              } 
              &:nth-of-type(2){
                  padding-top: 3%;
              } 
            }
        }
    }
}     

//不可用金额详情
.not_part{
    position: absolute;
    height: 100%;
    transform: translateX(-100%);
    width: 100%;
    background: #f3f4f6;
    header{
        >a{
            >i{
                &:first-of-type{
                    padding-right: 5%;
                }
                
            }
            .icon-cuowu{
                font-size: 17px;
            }
        }
    }
    .not_part_nr{
        position: absolute;
        top: 44px;
        width: 100%;
        .not_partone{
            background: #FFFFFF;
            width: 100%;
             border-bottom:1px solid #e1e2e4;
            >ul{
                width: 90%;
                margin: 0 auto;
                >li{
                    display: flex;
                    line-height: 30px;
                    justify-content: space-between;
                    &:first-of-type{
                        border-bottom:1px solid #e1e2e4 ;
                        line-height: 40px;
                    }
                    >p{
                        display: inline-block;
                        font-size: 12px;
                        color:#666666;
                    }
                }
            }
        }
        .not_partsec{
            background: #FFFFFF;
            width: 100%;
            border-bottom:1px solid #e1e2e4;
            margin-top: 5%;
            >p{
                padding: 2% 0;
                width: 90%;
                margin: 0 auto;
                display: block;
                font-size: 12px;
                color:#666666;
            }
            >span{
                padding-bottom: 5%;
                 width: 90%;
                margin: 0 auto;
                display: block;
                font-size: 12px;
                color:#666666;
            }
        }
    }
}   
.not_partshow{
    transform: translateX(0);
}
